<template>
  <div>
    <a-modal v-model:open="open" :title="title">
      <a-input :placeholder="placeholder" v-model:value="inputValue" />
    </a-modal>
  </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue'

const props = defineProps<{
  title?: string
  open?: boolean
  placeholder?: string
}>()

const title = ref(props.title)
const open = ref(props.open)
const placeholder = ref(props.placeholder)

// const emits = defineEmits<{
//   (e: 'ok', value: string): void
// }>()

const inputValue = ref('')

// const onOk = () => {
//   emits('ok', inputValue.value)
//   open.value = false
// }
</script>
